<!DOCTYPE html>


<html>
<head>
    <meta content="charset=utf-8">
    <link rel="stylesheet" type="text/css" href="/static/index.css">
    <script src="/static/script.js"> </script>
    <title> BlueNet </title>
</head>


<body onload="show_default_values()">
    <form id="form_bkpj" action="/update_params" method="POST">
        <!--
        reference： https://blog.csdn.net/qq_15058425/article/details/52624874
        下列事件均在input值被改变时被触发，区别
        onpropertychange: 任何值被改变时均被触发
        oninput: 利用js改变值时,不会触发该事件
        onchange: 控件值被改变, 且失去焦点时被触发
        -->
        
        <span class="param_name">color space:</span> 
        <input type="radio" name="color_space" value="HSV"> <span>HSV</span>
        <input type="radio" name="color_space" value="Lab" checked> <span>Lab</span>
        <br>
        <span class="param_name">n_of_bins:</span><span class="param_value"></span>
        <input name="n_of_bins" oninput="show_value(this)" type="range" min=0, max=200>
        <br>
        <span class="param_name">threshold:</span><span class="param_value"></span>
        <input name="threshold" oninput="show_value(this)" type="range" min=0, max=200>
        <br>
        <input onclick="submit_form(this)" type="submit" value="save">
    </form>

</body>
</html>
